@extends('layouts.admin_panel')
@section('content')
    <h3 class="page-title">
    Bảng điều khiển <small>báo cáo & thống kê</small>
    </h3>
    <div class="page-bar">
        <ul class="page-breadcrumb">
            <li>
                <i class="fa fa-home"></i>
                <a href="index.html">Trang chủ</a>
                <i class="fa fa-angle-right"></i>
            </li>
            <li>
                <a href="#">Bảng điều khiển</a>
            </li>
        </ul>
    </div>
    <!-- END PAGE HEADER-->
    <!-- BEGIN DASHBOARD STATS -->
    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="dashboard-stat blue-madison">
                <div class="visual">
                    <i class="fa fa-child "></i>
                </div>
                <div class="details">
                    <div class="number">
                         {{ $num_users }}
                    </div>
                    <div class="desc">
                         Người dùng
                    </div>
                </div>
                <a class="more" href="#">
                Xem thêm <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="dashboard-stat red-intense">
                <div class="visual">
                    <i class="fa  fa-sitemap "></i>
                </div>
                <div class="details">
                    <div class="number">
                         {{ $num_categories }}
                    </div>
                    <div class="desc">
                         Danh mục
                    </div>
                </div>
                <a class="more" href="#">
                Xem thêm <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="dashboard-stat green-haze">
                <div class="visual">
                    <i class="fa fa-shopping-cart"></i>
                </div>
                <div class="details">
                    <div class="number">
                         {{ $num_products }}
                    </div>
                    <div class="desc">
                         Sản phẩm
                    </div>
                </div>
                <a class="more" href="#">
                Xem thêm <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <div class="dashboard-stat purple-plum">
                <div class="visual">
                    <i class="fa fa-comments"></i>
                </div>
                <div class="details">
                    <div class="number">
                         {{ $num_contacts }}
                    </div>
                    <div class="desc">
                         Liên hệ
                    </div>
                </div>
                <a class="more" href="#">
                Xem thêm <i class="m-icon-swapright m-icon-white"></i>
                </a>
            </div>
        </div>
    </div>
@stop